<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../js/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/footer.css" />
		<link rel="stylesheet" type="text/css" href="../../css/swiper-3.4.2.min.css" />
		<link rel="stylesheet" type="text/css" href="css/manager.css"/>
		<!--画图插件-->
		<script src="../../js/Chart.addTest.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/flexible.min.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			#choose1{
				border: 0px;
				background-color: #f7f7f7;
				font-size: 0.416666rem;
				margin: 0.347222rem 0.347222rem 0.347222rem 0.388888rem;
				
			}
			.intergral{
				padding: 0.388888rem;overflow: hidden;
				background-color: white;
				border: 0.013888rem solid gainsboro;
				border-left: 0rem;
				border-right: 0rem;
			}
			.f27{
				font-size: 0.375rem;
			}
			.u2591_input{
				width: 2rem;
			    height: 28px;
			    border: 1px solid #ccc;
			    border-radius: 5px;
			    margin-left: 4%;
			}
			.liMain{
				font-size: 0.38rem;
				text-align: center;
				float: left;
				width: 33.3333333%;
				color: #000000;
				padding: 0.416666rem 0rem;
				border-bottom: 1px solid gainsboro;
			}
			.table{
				margin-bottom: 0;
				border-bottom: 1px solid gainsboro;
			}
		</style>
	</head>
	<body>
		<div id="wrap">
			<div id="main">
				<div id="header">
					<a id="headImg" href="javascript:history.go(-1)"><img class="headImg" src="../../images/12.png" /></a>
					<p id="headTitle" style="font-size: 16px;">人事档案</p>
				</div>
				<div id="content" style="padding-top: 1.3rem;">
					<p style="margin-top: 2%;">
						<select id="bumen1" class="u2591_input" style="padding-left: 8px;">
			                <option value="总经办">总经办</option>
							<option value="综合办">综合办</option>
							<option value="技术部">技术部</option>
							<option value="策划部">策划部</option>
							<option value="市场部">市场部</option>
							<option value="客服部">客服部</option>
			                <option selected="" value="">部门</option>
			            </select>
					<span style=" margin-left:2%;display: inline-block;padding: 0.180555rem;width: 7.166666rem;border: 1px solid #ccc;border-radius: 1rem;">
					<i id="searchOn" class="glyphicon glyphicon-search"></i>	
					<input type="" name="" value="" placeholder="姓名" id="searchName" style="width: 6.166666rem;border: 0;background-color: #f7f7f7;outline: none;"/>
					</span>
					</p>
					<table style="width: 100%;text-align: center;font-size: 0.38rem;" class="table table-hover">
						<tr style="font-weight: bold; background: #CCCCCC;">
							<td>姓名</td>
							<td>部门</td>
							<td>职位</td>
						</tr>
					</table>
					<ul id="list">
						<li style="background-color: white;overflow: hidden;" onclick="send1()"><div><span class="liMain">刘小正</span><span class="liMain">策划部</span><span class="liMain">平面策划</span></div></li>
						<li style="background-color: white;overflow: hidden;" onclick="send2()"><div><span class="liMain">王元博</span><span class="liMain">综合办</span><span class="liMain">行政经理</span></div></li>
						<li style="background-color: white;overflow: hidden;" onclick="send3()"><div><span class="liMain">张立杰</span><span class="liMain">综合办</span><span class="liMain">财务经理</span></div></li>
						<li style="background-color: white;overflow: hidden;" onclick="send4()"><div><span class="liMain">赵立虹</span><span class="liMain">综合办</span><span class="liMain">财务出纳</span></div></li>
						<li style="background-color: white;overflow: hidden;" onclick="send9()"><div><span class="liMain">孟昱辰</span><span class="liMain">客服部</span><span class="liMain">客服部经理</span></div></li>
						<li style="background-color: white;overflow: hidden;" onclick="send5()"><div><span class="liMain">王东明</span><span class="liMain">综合办</span><span class="liMain">财务经理</span></div></li>
						<li style="background-color: white;overflow: hidden;" onclick="send6()"><div><span class="liMain">李霞</span><span class="liMain">市场部</span><span class="liMain">渠道总监</span></div></li>
						<li style="background-color: white;overflow: hidden;" onclick="send7()"><div><span class="liMain">朱立坤</span><span class="liMain">综合办</span><span class="liMain">企业部总监</span></div></li>
						<li style="background-color: white;overflow: hidden;" onclick="send8()"><div><span class="liMain">闫峰</span><span class="liMain">市场部</span><span class="liMain">渠道总监</span></div></li>
					
					</ul>
				</div>
			</div>
			<div id="foot" class="row">
				<a class="foot col-xs-3 col-sm-3" href="../kaoqin/index2.html">
					<img class="footImg" src="../../images/guanlixuanzhong.png" />
					<p>管理</p>
				</a>
				<a class="foot col-xs-3 col-sm-3" href="../coalition/colalition.html">
					<img class="footImg" src="../../images/lianmengchushi.png" />
					<p>联盟</p>
				</a>
				<a class="foot col-xs-3 col-sm-3" href="../store/store.html">
					<img class="footImg" src="../../images/11.png" />
					<p>商城</p>
				</a>
				<a class="foot col-xs-3 col-sm-3" href="../personage/personIndex.html">
					<img class="footImg" src="../../images/13.png" />
					<p>我的</p>
				</a>
			</div>
		</div>

	</body>
	<script src="../../js/jquery-2.2.3.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/bootstrap-3.3.7-dist/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/handlebars-v2.0.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../js/rhAdmin.js" type="text/javascript" charset="utf-8"></script>
	
	
	<script type="text/javascript">


		//模糊搜索
		function isContains(str, substr) {
			return new RegExp(substr).test(str);
		}
			function search1() {
			$("#list>li").hide();
			$.each($("#list>li"), function(idx, item) {
					if (item.children[0].children[0]) {
						if(isContains(item.children[0].children[1].innerHTML, $('#bumen1').val()) && isContains(item.children[0].children[0].innerHTML, $('#searchName').val())) {
							$(this).show();
						}
					}
			});
		}
		$('#bumen1').on('change', function() {
			search1();
		})
		search1();
		//姓名搜索
		$('#searchName').on('keyup', function(e) {
			if(e.which == 13) {
				search1();
			}
		})
		$('#searchOn').on('click', function() {
				search1();
			
		})
		function send1(){
            var url = "renshi-xiangxi.html?value1=刘小正&value2=策划部&value3=平面策划&value4=男&value5=115&value6=健身&value7=13844820023&value8=123456789100&value9=10-02&value10=12044920320@qq.com&value11=本科&value12=长春工业大学&value13=2017-04-06&value14=07&value15=吉林省长春市&value16=已婚&value17=吉林省长春市南关区&value18=张三&value19=朋友&value20=13844800023&value21=刘小正";
            url=encodeURI(url);   //对URL的地址进行encodeURI编码，实际上只有中文的部分被修改编码
            window.location.href=url;
		}
		function send2(){
            var url = "renshi-xiangxi.html?value1=王元博&value2=综合办&value3=行政经理&value4=男&value5=116&value6=打羽毛球&value7=18644935395&value8=123456789100&value9=8-12&value10=19144920320@qq.com&value11=本科&value12=哈尔滨工业大学&value13=2017-04-06&value14=07&value15=吉林省长春市&value16=已婚&value17=吉林省长春市南关区&value18=张一山&value19=朋友&value20=13844800023&value21=王元博";
            url=encodeURI(url);   //对URL的地址进行encodeURI编码，实际上只有中文的部分被修改编码
            window.location.href=url;
		}
		function send3(){
            var url = "renshi-xiangxi.html?value1=张立杰&value2=综合办&value3=财务经理&value4=男&value5=117&value6=跳舞&value7=18643210928&value8=123456789100&value9=11-25&value10=18144920320@qq.com&value11=本科&value12=吉林大学&value13=2017-04-06&value14=07&value15=吉林省长春市&value16=未婚&value17=吉林省长春市二道区&value18=南柱赫&value19=朋友&value20=13844800023&value21=张立杰";
            url=encodeURI(url);   //对URL的地址进行encodeURI编码，实际上只有中文的部分被修改编码
            window.location.href=url;
		}
		function send4(){
            var url = "renshi-xiangxi.html?value1=赵立虹&value2=综合办&value3=财务出纳&value4=男&value5=118&value6=唱歌&value7=15144248886&value8=123456789100&value9=05-08&value10=17144920320@qq.com&value11=本科&value12=长春工业大学&value13=2017-04-06&value14=07&value15=吉林省长春市&value16=已婚&value17=吉林省长春市净月经济开发区&value18=刘昊&value19=朋友&value20=13844800023&value21=赵立虹";
            url=encodeURI(url);   //对URL的地址进行encodeURI编码，实际上只有中文的部分被修改编码
            window.location.href=url;
		}
		function send9(){
            var url = "renshi-xiangxi.html?value1=孟昱辰&value2=客服部&value3=客服部经理&value4=男&value5=119&value6=下棋&value7=13596388991&value8=123456789100&value9=12-02&value10=16144920320@qq.com&value11=本科&value12=长春理工大学&value13=2017-04-06&value14=07&value15=吉林省长春市&value16=未婚&value17=吉林省长春市朝阳区&value18=琳琳&value19=朋友&value20=13844800023&value21=孟昱辰";
            url=encodeURI(url);   //对URL的地址进行encodeURI编码，实际上只有中文的部分被修改编码
            window.location.href=url;
		}
		function send5(){
            var url = "renshi-xiangxi.html?value1=王东明&value2=综合办&value3=财务经理&value4=男&value5=121&value6=看书&value7=13500990184&value8=123456789100&value9=04-06&value10=15144920320@qq.com&value11=本科&value12=吉林建筑大学&value13=2017-04-06&value14=07&value15=吉林省长春市&value16=已婚&value17=吉林省长春市南关区&value18=李阳&value19=朋友&value20=13844800023&value21=王东明";
            url=encodeURI(url);   //对URL的地址进行encodeURI编码，实际上只有中文的部分被修改编码
            window.location.href=url;
		}
		function send6(){
            var url = "renshi-xiangxi.html?value1=李霞&value2=市场部&value3=渠道总监&value4=女&value5=122&value6=吟诗&value7=13341439149&value8=123456789100&value9=06-09&value10=14144920320@qq.com&value11=本科&value12=长春师范大学&value13=2017-04-06&value14=07&value15=吉林省长春市&value16=已婚&value17=吉林省长春市二道区&value18=张三&value19=朋友&value20=13844800023&value21=李霞";
            url=encodeURI(url);   //对URL的地址进行encodeURI编码，实际上只有中文的部分被修改编码
            window.location.href=url;
		}
		function send7(){
            var url = "renshi-xiangxi.html?value1=朱立坤&value2=综合办&value3=企业部总监&value4=男&value5=123&value6=写作&value7=13596223322&value8=123456789100&value9=10-05&value10=13144920320@qq.com&value11=本科&value12=吉林美术学院&value13=2017-04-06&value14=07&value15=吉林省长春市&value16=未婚&value17=吉林省长春市南关区&value18=李四&value19=朋友&value20=13844800023&value21=朱立坤";
            url=encodeURI(url);   //对URL的地址进行encodeURI编码，实际上只有中文的部分被修改编码
            window.location.href=url;
		}
		function send8(){
            var url = "renshi-xiangxi.html?value1=闫峰&value2=市场部&value3=渠道总监&value4=男&value5=124&value6=唱歌&value7=17767753222&value8=123456789100&value9=11-02&value10=12144920320@qq.com&value11=本科&value12=吉林警察学院&value13=2017-04-06&value14=07&value15=吉林省长春市&value16=已婚&value17=吉林省长春市经开区&value18=王麻子&value19=朋友&value20=13844800023&value21=闫峰";
            url=encodeURI(url);   //对URL的地址进行encodeURI编码，实际上只有中文的部分被修改编码
            window.location.href=url;
		}
	</script>

</html>